<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="css/login.css" />
    <link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css" />
    <title>Document</title>
  </head>
  <body>
    <!-- denglu -->
    <div class="login">
      <div class="signup">
        <div class="icon">选课系统</div>
        <div class="alert">提示消息</div>
        <div class="container-form">
          <form action="#" autocomplete="off">
            <i class="iconfont">&#xe639;</i>
            <input type="email" placeholder="Email" class="input username" />
            <br />
            <i class="iconfont">&#xe638;</i>
            <input type="password" placeholder="密码" class="input password" />
            <i class="iconfont" id="eye">&#xebcd;</i><br />
            <a href="#" class="link">忘记密码?</a>
            <input type="button" class="submitBtn" value="登录" />
          </form>
        </div>
      </div>
      <div class="register nodisplay">
        <p>注册</p>
        <div class="register-alert">提示消息</div>
        <div class="container-form">
          <div class="form">
            <i class="iconfont">&#xe639;</i>
            <input type="email" placeholder="Email" class="registerE" />

            <br />
            <i class="iconfont">&#xe638;</i>
            <input type="password" placeholder="密码" class="registerPwd" />
            <i class="iconfont" id="regeye">&#xebcd;</i><br />
            <i class="iconfont">&#xe6a0;</i>
            <input type="text" placeholder="请输入验证码" class="code" />
            <button class="codeBtn">获取验证码</button>
            <input type="button" class="registerBtn" value="注册" />
          </div>
        </div>
      </div>
      <!-- 侧边栏内容 -->
      <div class="overlay-container">
        <div class="overlay">
          <div class="overlay-panner left">
            <p>已有账号？</p>
            <button class="panner-login">登录</button>
          </div>
          <div class="overlay-panner right">
            <p>没有账号？</p>
            <button class="panner-register">注册</button>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script type="text/javascript" src="js/jquery3.7.1.min.js"></script>
  <script type="text/javascript" src="js/login.js"></script>
</html>
